<template>
  <j-modal :width="width" :visible="visible"  v-if="visible" :maskClosable="false" :keyboard="false" :forceRender="true"
   class="bill-detail_v2023" :title="title"
    @cancel="handleCancel" wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
 
    <template slot="footer">
      <a-popover trigger="click" placement="top">
            <template slot="content">
              <a-checkbox-group @change="onColChange" v-model="settingColumns" :defaultValue="settingColumns">
                <a-row style="width: 500px">
                  <template v-for="(item, index) in defColumns">
                    <template>
                      <a-col :span="8">
                        <a-checkbox :value="item.dataIndex">
                          {{ item.title }}
                        </a-checkbox>
                      </a-col>
                    </template>
                  </template>
                </a-row> 
              </a-checkbox-group>
            </template>
            <a-button icon="setting">{{ $t('commodityManagement.columnSettings') }}</a-button>
          </a-popover>
      <a-button v-if="billPrintFlag" @click="handlePrint">{{ $t('inPrint.triplePreview') }}</a-button>
      <!--此处为解决缓存问题-->
      <a-button v-if="billType === '零售出库'" v-print="'#retailOutPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '零售退货入库' || billType === '销售退货' || billType === '零售退货'" v-print="'#retailBackPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '仓库退货'" v-print="'#storeBackPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '买满数量赠品活动'" v-print="'#enoughPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '买满金额减金额活动'" v-print="'#substractPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '返利详情'" v-print="'#rebateReportPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      
      <a-button v-if="billType === '采购订单'" v-print="'#purchaseOrderPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '直发厂家报价'" v-print="'#directQuationOrderPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      
      <a-button v-if="billType === '下达采购' || billType === '下达采购订单'" v-print="'#releasPurchaseOrderPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === $t('purchasingManagement.purchaseWarehousing') || billType === '采购' || billType === '下达采购验收单'"
        v-print="'#purchaseInPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '要货申请进度表'" v-print="'#purchasingApplicationSchedulePrint'">{{
          $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '厂家直发进度表'" v-print="'#directSchedulePrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '直发销售退货' || billType === '采购退货' || billType === '直发采购退货'" v-print="'#purchaseBackPrint'">{{
          $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '销售订单'" v-print="'#saleOrderPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '厂家直发订单' || billType === '厂家直发' || billType === `Manufacturer's direct order`" v-print="'#directHairOrderPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '促销特价订单'" v-print="'#specialPromotionPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '销售出库' || billType === '销售'" v-print="'#saleOutPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '厂家到货' || billType === '厂家到货到货'" v-print="'#arrivalManufacturerPrint'">{{
          $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '销售退货入库' || billType === '零售退货入库'" v-print="'#saleBackPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '其它入库' || billType === '盘点单'" v-print="'#otherInPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '其它出库'" v-print="'#otherOutPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '采购入库'" v-print="'#acceptanceCertificateInPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '验收单' || billType === '验收'|| billType === '验收入库'" v-print="'#acceptanceCertificatePrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '配送单' || billType === '配送'" v-print="'#deliveryNotePrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '配送出库'" v-print="'#deliveryNotePrint1'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '期初库存'" v-print="'#openingInventoryPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '要货申请' || billType === '退货单' || billType === '验收退货出库'" v-print="'#requisitionFormPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button v-if="billType === '调拨出库'" v-print="'#allocationOutPrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '组装单'" v-print="'#assemblePrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '拆卸单'" v-print="'#disassemblePrint'">{{ $t('inPrint.normalPrinting') }}</a-button>
      <a-button v-if="billType === '盘点复盘'" v-print="'#stockCheckReplayPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button key="back2" @click="handlePrintModule" v-if="billType === '采购入库' || billType === $t('purchasingManagement.purchaseWarehousing')">{{ $t('otherJS.printReceipt') }}</a-button>
      <a-button v-if="billType === '仓库销售'" v-print="'#warehouseSalesPrint'">{{ $t('inPrint.normalPrinting')
      }}</a-button>
      <a-button key="back3" @click="generatePrintData">{{ $t('inPrint.other') + $t('reportQuery.print')}}</a-button>
      <a-button key="back" @click="handleCancel">{{ $t('inPrint.cancel')}}</a-button>
    </template>
    <a-form :form="form">
      <!--零售出库-->
      <template v-if="billType === '零售出库'" >
        <section ref="print" id="retailOutPrint">
          <a-row class="form-row" :gutter="24">
            <!-- <a-col :span="6">

              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.membershipCardNumber')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.collectionType')">
                {{ $t('popup.cash') }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :lg="24" :md="24" :sm="24">
              <div>
                <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
                  :dataSource="dataSource">
                </a-table>
              </div>
            </a-col>
          </a-row>
          
          <a-row class="form-row font-bold" :gutter="24">
                <a-col :span="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.documentAmount')">
                    {{ model.changeAmount }}
                  </a-form-item>
                </a-col>
                <a-col :span="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                    :label="$t('setailManagement.amountCollected')">
                    {{ model.getAmount }}
                  </a-form-item>
                </a-col>
                <a-col :span="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.giveChange')">
                    {{ model.backAmount }}
                  </a-form-item>
                </a-col>
                <a-col :span="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                    :label="$t('financialManagement.collectionAccount')">
                    {{ model.accountName }}
                  </a-form-item>
                </a-col>
              </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--零售退货-->
      <template v-else-if="billType === '零售退货入库' || billType === '销售退货' || billType === '零售退货'">
        <section ref="print" id="retailBackPrint">
          <a-row class="form-row" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.membershipCardNumber')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.associatedDocument')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :lg="24" :md="24" :sm="24">
              <div>
                <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
                  :dataSource="dataSource">
                </a-table>
              </div>
            </a-col>
            <a-col :span="24">
              <a-row class="form-row" :gutter="24">
                <a-col :lg="6" :md="6" :sm="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.documentAmount')">
                    {{ model.changeAmount }}
                  </a-form-item>
                </a-col>
                <a-col :lg="6" :md="6" :sm="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                    :label="$t('setailManagement.paymentAmount')">
                    {{ model.getAmount }}
                  </a-form-item>
                </a-col>
                <a-col :lg="6" :md="6" :sm="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.giveChange')">
                    {{ model.backAmount }}
                  </a-form-item>
                </a-col>
                <a-col :lg="6" :md="6" :sm="6">
                  <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                    :label="$t('financialManagement.paymentAccount')">
                    {{ model.accountName }}
                  </a-form-item>
                </a-col>
              </a-row>
            </a-col>
          </a-row>
          <a-row :gutter="24" v-if="model.remark">
            <a-col :lg="6" :md="6" :sm="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--仓库退货-->
      <template v-else-if="billType === '仓库退货'">
        <section ref="print" id="storeBackPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.membershipCardNumber')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.associatedDocument')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :lg="24" :md="24" :sm="24">
              <div>
                <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
                  :dataSource="dataSource">
                </a-table>
              </div>
            </a-col>
          </a-row>
          <a-row :gutter="24" v-if="model.remark">
            <a-col :lg="6" :md="6" :sm="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--采购订单-->
      <template v-else-if="billType === '采购订单' || billType === '厂家报价'">
        <section ref="print" id="purchaseOrderPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('manuManagement.associated')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            
          </a-row>
          <a-row>
            
           
            <a-col :span="6" v-if="model.arrivalTime">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('defaultTranslate.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.deliveryMethod">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.depotName">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.WarehousingWarehouse')">
                {{ model.depotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" >
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.payTheDeposit')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
        </section>
      </template>

      <!--采购订单 厂家报价单-->
      <template v-else-if="billType === '直发厂家报价'">
        <section ref="print" id="directQuationOrderPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('manuManagement.associated')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
           
            <a-col :span="6" v-if="model.arrivalTime">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('defaultTranslate.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.deliveryMethod">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.depotName">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.WarehousingWarehouse')">
                {{ model.depotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row>
           
          </a-row>
          
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.payTheDeposit')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
        </section>
      </template>


      <!--下达采购订单-->
      <template v-else-if="billType === '下达采购' || billType === '下达采购订单'">
        <section ref="print" id="releasPurchaseOrderPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('manuManagement.associated')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.promotionPrice')">
                {{ model.remark }}
              </a-form-item>
            </a-col>
            
          </a-row>
          <a-row class="form-row" :gutter="24">
            
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <!-- <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.payDeposit')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row> -->
        </section>
      </template>

      <!--采购入库 下达采购验收单-->
      <template v-else-if="billType === $t('purchasingManagement.purchaseWarehousing') || billType === '收费确认'  || billType === '采购' || billType === '下达采购验收单'">
        <section ref="print" id="purchaseInPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.associated')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.otherExpenses')">
                {{ model.otherMoney }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col v-if="model.deposit" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.deductDeposit')">
                {{ model.deposit }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.thisPayment')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentArrears')">
                {{ model.debt }}
              </a-form-item>
            </a-col>
            <a-col v-if="financialBillNoList.length" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentNo')">
                <template v-for="(item, index) in financialBillNoList">
                  <a @click="myHandleFinancialDetail(item.billNo)">{{ item.billNo }}</a><br />
                </template>
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--采购退货 直发销售退货-->
      <template v-else-if="billType === '直发销售退货' || billType === '采购退货' || billType === '直发采购退货'" >
        <section ref="print" id="purchaseBackPrint" >
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.associatedDocument')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <a-col :span="6" style="white-space:nowrap">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.remarks')">
                {{ model.remark }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.straightDepositStr }}
              </a-form-item>
            </a-col>              
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.actualCollection')">
                {{ model.paymentSalesOut }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.refund')">
                {{ model.paymentSalesOutRefunds  }}
              </a-form-item>
            </a-col>
          
          </a-row>
          <!-- <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.refundOffers')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.otherExpenses')">
                {{ model.otherMoney }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.thisRefund')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentArrears')">
                {{ model.debt }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
            </a-col>
          </a-row> -->
        </section>
      </template>
      <!--要货申请进度表-->
      <template v-else-if="billType === '要货申请进度表'">
        <section ref="print" id="purchasingApplicationSchedulePrint">
          <a-row class="form-row" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
                <a-input v-decorator="['id']" hidden/>
                {{model.organName}}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
                <a @click="myHandleDetail(model.linkNumber)">{{model.linkNumber}}</a>
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <!-- <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
                {{model.discount}}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款优惠">
                {{model.discountMoney}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
                {{model.discountLastMoney}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
                {{model.otherMoney}}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
                {{model.accountName}}
              </a-form-item>
            </a-col>
            <a-col v-if="model.deposit" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="扣除订金">
                {{model.deposit}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次付款">
                {{model.changeAmount}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
                {{model.debt}}
              </a-form-item>
            </a-col>
            <a-col v-if="financialBillNoList.length" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款单号">
                <template v-for="(item, index) in financialBillNoList">
                  <a @click="myHandleFinancialDetail(item.billNo)">{{item.billNo}}</a><br/>
                </template>
              </a-form-item>
            </a-col>
          </a-row> -->
        </section>
      </template>
      <!--厂家直发进度表-->
      <template v-else-if="billType === '厂家直发进度表'">
        <section ref="print" id="directSchedulePrint">
          <a-row class="form-row" :gutter="24">
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
                <a @click="myHandleDetail(model.linkNumber)">{{model.linkNumber}}</a>
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <!-- <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
                {{model.discount}}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款优惠">
                {{model.discountMoney}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 6 }}" :wrapperCol="wrapperCol" label="优惠后金额">
                {{model.discountLastMoney}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
                {{model.otherMoney}}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
                {{model.accountName}}
              </a-form-item>
            </a-col>
            <a-col v-if="model.deposit" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="扣除订金">
                {{model.deposit}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次付款">
                {{model.changeAmount}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
                {{model.debt}}
              </a-form-item>
            </a-col>
            <a-col v-if="financialBillNoList.length" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款单号">
                <template v-for="(item, index) in financialBillNoList">
                  <a @click="myHandleFinancialDetail(item.billNo)">{{item.billNo}}</a><br/>
                </template>
              </a-form-item>
            </a-col>
          </a-row> -->
        </section>
      </template>
      <!--促销特价订单-->
      <template v-else-if="billType === '促销特价订单'">
        <section ref="print" id="specialPricePrint">
          <a-row class="form-row" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.customer')">
                <a-input v-decorator="['id']" hidden/>
                {{model.organName}}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.createTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.promotionNo }}
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth" style="margin-bottom: 20px;">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :customRow ="rowClick"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--买满促销特价-->
      <template v-else-if="billType === '买满促销特价'">
        <section ref="print" id="fullSpecialPricePrint">
          <a-row class="form-row" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.customer')">
                <a-input v-decorator="['id']" hidden/>
                {{model.organName}}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.createTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.promotionNo }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.salesman')">
                {{ model.personName }}
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth" style="margin-bottom: 20px;">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :customRow ="rowClick"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--买满数量赠品活动-->
      <template v-else-if="billType === '买满数量赠品活动'">
        <section ref="print" id="enoughPrint">
          <a-row class="form-row" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.customer')">
                <a-input v-decorator="['id']" hidden/>
                {{model.organName}}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.createTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.promotionNo }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.salesman')">
                {{ model.personName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth" style="margin-bottom: 20px;">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="specialParentColumns"
              :customRow ="rowClick"
              :dataSource="dataSource">
            </a-table>
          </div>
          <div><label >{{$t('otherJS.gift')}}：</label></div>

          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="specialChildColumns"
              :dataSource="childDataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!-- 买满金额减金额活动 -->
      <template v-else-if="billType === '买满金额减金额活动'">
        <section ref="print" id="substractPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.createTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.promotionNo }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth" style="margin-bottom: 20px;">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :customRow ="rowClick"
              :dataSource="dataSource">
            </a-table>
          </div>

          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--销售订单-->
      <template v-else-if="billType === '销售订单'">
        <section ref="print" id="saleOrderPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.customer')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.salesman')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('basicInformation.creditCustomer')">
                <span v-if="model.chequePayment == '0'" >{{$t('basicInformation.no')}}</span>
                <span v-if="model.chequePayment == '1'">{{$t('basicInformation.yes')}}</span>
              </a-form-item>
            </a-col>
          </a-row>

          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" 
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.straightDepositStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('financialManagement.advanceReceiveChange')">
                {{ model.depositChange }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.settlementPersonnel')">
                {{ model.accountingLoginName }}
              </a-form-item>
            </a-col>
          </a-row>
          <!--  -->
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.actualCollection')">
                {{ model.collection }}
              </a-form-item>
            </a-col>
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.changeCollected')">
                {{ model.payChange }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.substractReceivedAmount')">
                {{ model.deduction }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.refund')">
                {{ model.paymentSalesOutRefunds  }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--返利详情-->
      <template v-else-if="billType === '返利详情'">
        <section ref="print" id="rebateReportPrint">
          <a-row class="form-row" :gutter="24">
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                <a-input v-decorator="['id']" hidden />
                {{ model.supplier }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
          </a-row>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('setailManagement.Unsettled') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('setailManagement.Settled') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('setailManagement.Settling') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.amountOfMoney')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.rebateTotalAmount')">
                {{ model.custom10 }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.Settled')">
                {{ model.custom9 }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.Unsettled')">
                {{ model.receivableAmount }}
              </a-form-item>
            </a-col>
          </a-row>
          <!-- <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row> -->
        </section>
      </template>
      <!--厂家直发订单-->
      <template v-else-if="billType === '厂家直发订单' || billType === '厂家直发'">
        <section ref="print" id="directHairOrderPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.customer')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
          </a-row>

          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          
          
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.straightDepositStr }}
              </a-form-item>
            </a-col>              
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.actualCollection')">
                {{ model.paymentSalesOut }}
              </a-form-item>
            </a-col>
          
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.refund')">
                {{ model.paymentSalesOutRefunds  }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <!-- <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row> -->
          <!-- <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row> -->
        </section>
      </template>
      <!--销售出库-->
      <template v-else-if="billType === '销售出库' || billType === '销售'">
        <section ref="print" id="saleOutPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.customer')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.associatedOrder')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.collectionPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.otherExpenses')">
                {{ model.otherMoney }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.straightDepositStr }}
              </a-form-item>
            </a-col>
            <a-col v-if="model.deposit" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.deductDeposit')">
                {{ model.deposit }}
              </a-form-item>
            </a-col>
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentCollection')">
                {{ model.receivable }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentArrears')">
                {{ model.debt }}
              </a-form-item>
            </a-col> -->
           
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.refund')">
                {{ model.paymentSalesOutRefunds  }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.salesman')">
                {{ model.salesManStr }}
              </a-form-item>
            </a-col> -->
            
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.actualCollection')">
                {{ model.paymentSalesOut }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.settlementPersonnel')">
                {{ model.accountingLoginName }}
              </a-form-item>
            </a-col>
            <a-col v-if="financialBillNoList.length" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.receiptNo')">
                <template v-for="(item, index) in financialBillNoList">
                  <a @click="myHandleFinancialDetail(item.billNo)">{{ item.billNo }}</a>，
                </template>
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--厂家到货验收单-->
      <template v-else-if="billType === '厂家到货' || billType === '厂家到货到货'">
        <section ref="print" id="arrivalManufacturerPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.customer')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.associated')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
          </a-row>

          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.arrivalTime')">
                {{ model.arrivalTime }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6" v-if="model.custom2">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.dutyParagraph')">
                {{ model.custom2 }}
              </a-form-item>
            </a-col>
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.WarehousingWarehouse')">
                {{ model.depotId }}
              </a-form-item>
            </a-col> -->
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.promotionPrice')">
                {{ model.remark }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.collectDeposit')">
                {{ model.straightDepositStr }}
              </a-form-item>
            </a-col>              
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.actualCollection')">
                {{ model.paymentSalesOut }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.refund')">
                {{ model.paymentSalesOutRefunds  }}
              </a-form-item>
            </a-col>
          
          </a-row>
          <!-- <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.collectionPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.otherExpenses')">
                {{ model.otherMoney }}
              </a-form-item>
            </a-col>
          </a-row> -->
          <!-- <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col v-if="model.deposit" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.deductDeposit')">
                {{ model.deposit }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentCollection')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentArrears')">
                {{ model.debt }}
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row> -->
          <a-row class="form-row font-bold" :gutter="24">
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.salesman')">
                {{ model.salesManStr }}
              </a-form-item>
            </a-col> -->
            <a-col v-if="financialBillNoList.length" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.receiptNo')">
                <template v-for="(item, index) in financialBillNoList">
                  <a @click="myHandleFinancialDetail(item.billNo)">{{ item.billNo }}</a><br />
                </template>
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--销售退货-->
      <template v-else-if="billType === '销售退货入库' || billType === '零售退货入库'">
        <section ref="print" id="saleBackPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.customer')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.associatedDocument')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row font-bold" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.refundOffers')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.otherExpenses')">
                {{ model.otherMoney }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.thisRefund')">
                {{ model.receivable }}
              </a-form-item>
            </a-col>
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentArrears')">
                {{ model.debt }}
              </a-form-item>
            </a-col> -->
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.salesman')">
                {{ model.salesManStr }}
              </a-form-item>
            </a-col>
          </a-row>
          
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.refund')">
                {{ model.paymentSalesOutRefunds  }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.settlementPersonnel')">
                {{ model.accountingLoginName }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--其它入库-->
      <template v-else-if="billType === '其它入库' || billType === '其它入库' || billType === '盘点单'">
        <section ref="print" id="otherInPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('warehouseManagement.inventoryDepotName')">
                <a-input v-decorator="['id']" hidden />
                {{ model.depotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('purchasingManagement.associatedDocument')">
                {{ model.linkNumber }} {{ model.billType }}
              </a-form-item>
            </a-col>
          </a-row>
          
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                  <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                  <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                  <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
                </a-form-item>
              </a-col>
          </a-row>
          
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--其它出库-->
      <template v-else-if="billType === '其它出库'">
        <section ref="print" id="otherOutPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.customer')">
                <a-input v-decorator="['id']" hidden />
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.associatedDocument')">
                {{ model.linkNumber }} {{ model.billType }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--验收单-->
      <template v-else-if="billType === '验收单' || billType === '验收'">
        <section ref="print" id="acceptanceCertificatePrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.relatedOrder')">
                {{ model.linkNumber }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.transferInWarehouse')">
                {{ model.depotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.distributionWarehouse')">
                {{ model.anotherDepotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.arrivalDate')">
                {{ model.arrivalTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--验收入库-->
      <template v-else-if="billType === '采购入库' || billType === '验收入库'">
        <section ref="print" id="acceptanceCertificateInPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.supplier')">
                {{ model.organName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.associated')">
                <a @click="myHandleDetail(model.linkNumber)">{{ model.linkNumber }}</a>
              </a-form-item>
            </a-col>
          </a-row>
            <!-- ------- -->
            
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.CaseNumber')">
                {{ model.containerNo || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.LockHeadNumber')">
                {{ model.sealNo || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.WarehousingWarehouse')">
                {{ model.depotName || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.acceptanceWarehouse')">
                {{ model.checkDepotName || '' }}
              </a-form-item>
            </a-col>
            </a-row>
            
            <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('defaultTranslate.operator')">
                {{ model.loginName || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.ticketCode')">
                {{ model.custom2 || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.deliveryMethod')">
                {{ model.deliveryMethod || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.arrivalDate')">
                {{ model.arrivalTime || '' }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <!-- table -->
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row>
            <a-col :lg="6" :md="6" :sm="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 6 }, sm: { span: 6 } }" :label="$t('popup.documentRemark')"
                style="white-space: nowrap;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
          <!-- <a-row class="form-row" :gutter="24"> -->
            <!-- <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.preferentialRate')">
                {{ model.discount }}%
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentPreference')">
                {{ model.discountMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 6 } }" :wrapperCol="wrapperCol"
                :label="$t('inPrint.amountAfter')">
                {{ model.discountLastMoney }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.otherExpenses')">
                {{ model.otherMoney }}
              </a-form-item>
            </a-col> -->
          <!-- </a-row> -->
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col v-if="model.deposit" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.deductDeposit')">
                {{ model.deposit }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.thisPayment')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.currentArrears')">
                {{ model.debt }}
              </a-form-item>
            </a-col>
            <a-col v-if="financialBillNoList.length" :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('inPrint.paymentNo')">
                <template v-for="(item, index) in financialBillNoList">
                  <a @click="myHandleFinancialDetail(item.billNo)">{{ item.billNo }}</a><br />
                </template>
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--配送单-->
      <template v-else-if="billType === '配送单' || billType === '配送'">
        <section ref="print" id="deliveryNotePrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.relatedOrder')">
                {{ model.linkNumber }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.purchasingWarehouse')">
                {{ model.depotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.distributionWarehouse')">
                {{ model.anotherDepotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.arrivalDate')">
                {{ model.arrivalTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--期初库存-->
      <template v-else-if="billType === '期初库存'">
        <section ref="print" id="openingInventoryPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--配送出库-->
      <template v-else-if="billType === '配送出库'">
        <section ref="print" id="deliveryNotePrint1">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--要货申请单-->
      <template v-else-if="billType === '要货申请' || billType === '退货单' || billType === '验收退货出库'">
        <section ref="print" id="requisitionFormPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.relatedOrder')">
                {{ model.linkNumber }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.purchasingWarehouse')">
                {{ model.depotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.distributionWarehouse')">
                {{ model.anotherDepotName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('salesManagement.operator')">
                {{ model.loginName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.arrivalDate')">
                {{ model.arrivalTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('otherJS.deliveryMethod')">
                {{ model.deliveryMethod }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--调拨出库-->
      <template v-else-if="billType === '调拨出库'">
        <section ref="print" id="allocationOutPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--组装单-->
      <template v-else-if="billType === '组装单'">
        <section ref="print" id="assemblePrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--拆卸单-->
      <template v-else-if="billType === '拆卸单'">
        <section ref="print" id="disassemblePrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <!--盘点复盘-->
      <template v-else-if="billType === '盘点复盘'">
        <section ref="print" id="stockCheckReplayPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                :label="$t('setailManagement.associatedDocument')">
                {{ model.linkNumber }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
            <a-col :span="6"></a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
              :dataSource="dataSource">
            </a-table>
          </div>
          <a-row class="form-row" :gutter="24" v-if="model.remark">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{ xs: { span: 24 }, sm: { span: 24 } }" label=""
                style="padding:20px 10px;">
                {{ model.remark }}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <template v-else-if="billType === '仓库销售' || billType === '零售销售出库'">
        <section ref="print" id="warehouseSalesPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.customer')">
                {{ model.remark }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.posNo')">
                {{ model.custom3 }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.settlementAmount')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.giveChange')">
                {{ model.backAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.salesman')">
                  {{ model.salesManStr }}
                </a-form-item>
            </a-col>
            <a-col :span="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.cashier')">
                  {{ model.loginName }}
                </a-form-item>
            </a-col>
            <a-col :span="6">
                <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.priceNote')">
                  {{ model.custom4 }}
                </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="columns"
                     :dataSource="dataSource">
            </a-table>
          </div>
        </section>
      </template>
      <!-- 运费结算-->
      <template v-else-if="billType === '运费结算'">
        <section ref="print" id="FreightPaymentReport">
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentDate')">
                {{ model.operTimeStr }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.documentNo')">
                {{ model.number }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.customer')">
                {{ model.remark }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.posNo')">
                {{ model.custom3 }}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row" :gutter="24">
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('popup.settlementAmount')">
                {{ model.changeAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('setailManagement.giveChange')">
                {{ model.backAmount }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('purchasingManagement.settlementAccount')">
                {{ model.accountName }}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <div :style="tableWidth">
            <a-table ref="table" size="middle" bordered rowKey="id" :pagination="false" :columns="FreightPaymentReportColunms"
                     :dataSource="dataSource">
            </a-table>
          </div>
        </section>
      </template>
      <!--采购订单明细-->
      <template v-if="billType === this.$t('reportQuery.purchaseOrderDetail')">
        <section ref="print" id="freightBillPrint">
          <a-row class="form-row" :gutter="24">
            <a-col :span="8">
              <a-form-item :labelCol="labelStyle" :wrapperCol="wrapperStyle" :label="$t('reportQuery.supplier')">
                <a-input v-decorator="['id']" hidden/>
                {{model.organName}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelStyle" :wrapperCol="wrapperStyle" :label="$t('reportQuery.documentNo')">
                {{model.number}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelStyle" :wrapperCol="wrapperStyle" :label="$t('reportQuery.documentDate')">
                {{moment(model.createTime).format('YYYY-MM-DD h:mm:ss')}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelStyle" :wrapperCol="wrapperStyle" :label="$t('reportQuery.arrivalTime')">
                {{moment(model.arrivalTime).format('YYYY-MM-DD h:mm:ss')}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelStyle" :wrapperCol="wrapperStyle" :label="$t('reportQuery.deliveryMethod')">
                {{model.deliveryMethod}}
              </a-form-item>
            </a-col>
            <a-col :span="6">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('manuManagement.state')">
                <span v-if="model.status == '0'" color="red">{{ $t('manuManagement.notApproved') }}</span>
                <span v-if="model.status == '1'" color="green">{{ $t('manuManagement.reviewed') }}</span>
                <span v-if="model.status == '4'" color="orange">{{ $t('manuManagement.notQuotation') }}</span>
              </a-form-item>
            </a-col>
          </a-row>
          <a-table
            ref="table"
            size="middle"
            bordered
            rowKey="id"
            :pagination="false"
            :columns="tranportNumberColunms"
            :dataSource="dataSource">
            <template slot="isExchange" slot-scope="type, record">
              {{record.paymentType == 1 ? '-' : (record.isExchange == 1 ? $t('reportQuery.paid'): $t('reportQuery.unpaid'))}}
            </template>
            <template slot="paymentType" slot-scope="type, record">
              {{record.paymentType == 1 ? $t('reportQuery.yes') : $t('reportQuery.no')}}
            </template>
          </a-table>
          <a-row class="form-row font-bold" :gutter="24">
            <a-col :lg="24" :md="24" :sm="24">
              <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
                {{model.remark ? `${$t('financialManagement.remarks')}: ${model.remark}`: ''}}
              </a-form-item>
            </a-col>
          </a-row>
          <a-row class="form-row font-bold" :gutter="24" v-show="false">
            <a-col :span="8">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.paymentAccount')">
                {{model.accountName}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.payType')">
                {{model.payType}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('reportQuery.totalPrice')">
                {{model.totalPrice}}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('financialManagement.actualPayment')">
                {{model.changeAmount}}
              </a-form-item>
            </a-col>
          </a-row>
        </section>
      </template>
      <template>
        <a-row class="form-row" :gutter="24">
          <a-col :span="6">
            <a-form-item :labelCol="{ xs: { span: 24 }, sm: { span: 8 } }"
              :wrapperCol="{ xs: { span: 24 }, sm: { span: 16 } }" :label="$t('inPrint.enclosure')">
              <div v-if="fileLoading">Loading...</div>
              <j-upload v-else :fileList="fileList" bizPath="bill" :disabled="true" :buttonVisible="false"></j-upload>
            </a-form-item>
          </a-col>
        </a-row>
      </template>
    </a-form>
    <bill-print-iframe ref="modalDetail"></bill-print-iframe>
    <bill-print-module ref="printModule"></bill-print-module>
    <financial-detail ref="financialDetailModal"></financial-detail>
  </j-modal>
</template>

<script>
import pick from 'lodash.pick'
import { getAction } from '@/api/manage'
import JsBarcode from 'jsbarcode'
import { findBillDetailByNumber, 
  findFinancialDetailByNumber, 
  getPlatformConfigByKey, 
  getCurrentSystemConfig,
  getAttachmentListById,
  showPurchase,
  findBySubType,
  addPrintHistory,
  findDepositWithPaymentById,
  getProgressByDefaultNumber } from '@/api/api'
import { getMpListShort } from "@/utils/util"
import BillPrintIframe from './BillPrintIframe'
import BillPrintModule from './BillPrintModule'
import FinancialDetail from '../../financial/dialog/FinancialDetail'
import JUpload from '@/components/jeecg/JUpload'
import {category,billDetailRemarks,titleObj} from '@/lang/category';
import erplogo from '@/assets/login/erp-logo.jpg'
import JEllipsis from '@/components/jeecg/JEllipsis'
import Vue from 'vue'
import moment from 'moment'
import { getLanCode,isChina } from '@/lang'
import { mapState } from 'vuex';
import { resolve } from 'path'
import { reject } from 'lodash'
import templateData from '@/utils/kanghuyun';
import {sendMsg} from '@/utils/print/cfprint_ext';
import fileName from '@/utils/print/print';
export default {
  name: 'BillDetail',
  components: {
    BillPrintIframe,
    FinancialDetail,
    BillPrintModule,
    JUpload,
    JEllipsis
  },
  data() {
    return {
      title: this.$t('reportQuery.details'),
      width: '1600px',
      visible: false,
      model: {},
      billType: '',
      billPrintFlag: false,
      erplogo:erplogo,
      fileList: [],
      purchaseBySaleFlag: false,
      financialBillNoList: [],
      settingColumns:[],//打印控制列
      fileLoading:false,
      printDirectiveData:{},
      tableWidth: {
        'width': '1500px'
      },
      tableWidthRetail: {
        'width': '1150px'
      },
      labelCol: {
        xs: { span: 24 },
        sm: { span: 8 },
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
      },
      labelStyle: {
        xs: { span: 24 },sm: { span: 8 }
      },
      wrapperStyle: {
        xs: { span: 24 },sm: { span: 16 }
      },
      form: this.$form.createForm(this),
      loading: false,
      dataSource: [],
      childDataSource:[],
      url: {
        detailList: '/depotItem/getDetailList'
      },
      //表头
      columns: [],
      //列定义
      defColumns: [],
      retailOutColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('purchasingManagement.discountamount'), dataIndex: 'discountAllPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      retailBackColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'),width:120, dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'),width:60, dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'),width:180, dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'),width:60, dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'),width:60, dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'),width:120, dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'),width:120, dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'),width:60, dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'),width:60, dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'),width:60, dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'),width:100, dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'),width:60, dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'),width:60, dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'),width:60, dataIndex: 'expirationDate' },
        { title: this.$t('commodityManagement.multiAttribute'),width:60, dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'),width:60, dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'),width:120, dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'),width:60, dataIndex: 'allPrice' },
        { title: this.$t('manuManagement.breakageType'),width:120, dataIndex: 'custom11Str'},
        { title: this.$t('manuManagement.breakageNum'),width:120, dataIndex: 'differNumber' },
        { title: this.$t('reportQuery.remarks'),width:60, dataIndex: 'remark' }
      ],
      purchaseOrderColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('popup.originalQuantity'), dataIndex: 'custom6',customRender: value=>this.model.quotationStatus == '0' ? '' : value },
        { title: this.$t('popup.originalPrice'), dataIndex: 'purchaseDecimal' ,customRender: value=>this.model.quotationStatus == '0' ? '' : value},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('inPrint.received'), dataIndex: 'finishNumber'},
        { title: this.$t('inPrint.notReceived'), dataIndex: 'notReceived' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        // { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
      ],
      purchaseOrderColumns1: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('inPrint.received'), dataIndex: 'finishNumber'},
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
      ],
      // 下达采购订单
      releasPurchaseOrderColumns: [
        {title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center", customRender: (t,r,index) => t || (parseInt(index) + 1)},
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('popup.originalQuantity'), dataIndex: 'custom6',customRender: value => this.model.quotationStatus == '0' ? '' : value },
        { title: this.$t('popup.originalPrice'), dataIndex: 'purchaseDecimal', customRender: value => this.model.quotationStatus == '0' ? '' : value },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('inPrint.received'), dataIndex: 'finishNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        // { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      purchaseInColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      quantityMoneyColumns: [
            { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode', width: '8%'},
            { title: this.$t('reportQuery.name'), dataIndex: 'name', width: '6%' },
            { title: this.$t('reportQuery.model'), dataIndex: 'model', width: '5%' },
            { title: this.$t('otherJS.fullPurchaseAmount'), dataIndex: 'fullAmout', width: '5%' },
            { title: this.$t('otherJS.deductionAmount'), dataIndex: 'creditAmount', width: '5%' },
      ],
      purchaseInColumnsOther: [
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('manuManagement.breakageType'), dataIndex: 'custom11Str'},
        { title: this.$t('manuManagement.breakageNum'), dataIndex: 'differNumber' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      purchasingApplicationScheduleColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('popup.purchasingWarehouse'), dataIndex: 'depotName' },
        { title: this.$t('otherJS.oppositeWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('popup.demandQuantity'), dataIndex: 'applyNumber' },
        { title: this.$t('popup.numberOfDeliveries'), dataIndex: 'deliveryNumber' },
        { title: this.$t('popup.acceptanceNumber'), dataIndex: 'checkNumber' },
        { title: this.$t('otherJS.buyer'), dataIndex: 'applyName' },
        { title: this.$t('otherJS.distributionOperator'), dataIndex: 'deliveryName' },
        { title: this.$t('otherJS.acceptanceHandler'), dataIndex: 'checkName' },
        { title: this.$t('otherJS.documentTime'), dataIndex: 'createTime' },
        { title: this.$t('otherJS.docNo'), dataIndex: 'defaultNumber' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'materialUnit' },
        { title: this.$t('otherJS.productName'), dataIndex: 'name' },
        { title: this.$t('setailManagement.state'), dataIndex: 'status' },
        { title: this.$t('manuManagement.supplier'), dataIndex: 'supplier' },
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName'},
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode'},
        // { title: this.$t('reportQuery.name'), dataIndex: 'name'},
        // { title: this.$t('reportQuery.specification'), dataIndex: 'standard'},
        // { title: this.$t('reportQuery.model'), dataIndex: 'model'},
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        // { title: this.$t('reportQuery.inventory'), dataIndex: 'stock'},
        // { title: this.$t('reportQuery.unit'), dataIndex: 'unit'},
        // { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList'},
        // { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber'},
        // { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate'},
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        // { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber'},
        // { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice'},
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice'},
        // { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate'},
        // { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney'},
        // { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney'},
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      directScheduleColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('otherJS.arrivalAcceptanceQuantity'), dataIndex: 'affirmNumber' },
        { title: this.$t('otherJS.purchaseWarehousing'), dataIndex: 'aogNumber' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('otherJS.documentTime'), dataIndex: 'createTimeStr' },
        { title: this.$t('otherJS.commodityModel'), dataIndex: 'model' },
        { title: this.$t('otherJS.purchaseQuantity'), dataIndex: 'purchaseNumber' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('otherJS.straightHairHandler'), dataIndex: 'straightName' },
        { title: this.$t('otherJS.numberOfDirectHair'), dataIndex: 'straightNumber' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'materialUnit' },
        { title: this.$t('otherJS.productName'), dataIndex: 'name' },
        { title: this.$t('setailManagement.state'), dataIndex: 'lastStatus' },
        { title: this.$t('manuManagement.supplier'), dataIndex: 'supplier' },
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName'},
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode'},
        // { title: this.$t('reportQuery.name'), dataIndex: 'name'},
        // { title: this.$t('reportQuery.specification'), dataIndex: 'standard'},
        // { title: this.$t('reportQuery.model'), dataIndex: 'model'},
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        // { title: this.$t('reportQuery.inventory'), dataIndex: 'stock'},
        // { title: this.$t('reportQuery.unit'), dataIndex: 'unit'},
        // { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList'},
        // { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber'},
        // { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate'},
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        // { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber'},
        // { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice'},
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice'},
        // { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate'},
        // { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney'},
        // { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney'},
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      purchaseBackColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther' },
        // { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        // { title: this.$t('损坏类型'), dataIndex: 'custom11Str'},
        // { title: this.$t('报损数量'), dataIndex: 'differNumber'},
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      specialPromotionColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'commodityUnit' },
        { title: this.$t('popup.discount'), dataIndex: 'discount' },
        { title: this.$t('popup.specialOffer'), dataIndex: 'specialPrice' },
        { title: this.$t('commodityManagement.retailPrice'), dataIndex: 'unitPrice' },
      ],
      specialPriceByNumberColumns:[
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'commodityUnit' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'purchaseQuantity' },
        { title: this.$t('popup.specialOffer'), dataIndex: 'specialPrice' },
        { title: this.$t('commodityManagement.retailPrice'), dataIndex: 'unitPrice' },
      ],
      presenterColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'commodityUnit' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'purchaseQuantity'},
        { title: this.$t('inPrint.issued'), dataIndex: 'finishNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
      ],
      specialChildColumns:[
        { title: this.$t('reportQuery.name'),  dataIndex: 'name',  width: '20%'},
        { title: this.$t('reportQuery.specification'),  dataIndex: 'standard',  width: '10%'},
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('popup.giveawayUnit'),  dataIndex: 'unit',  width: '10%'},
        { title: this.$t('popup.quantityGifts'),  dataIndex: 'giftQuantity',  width: '8%'},
      ],
      specialParentColumns:[
        { title: this.$t('reportQuery.name'),  dataIndex: 'name',  width: '20%'},
        { title: this.$t('reportQuery.specification'),  dataIndex: 'standard',  width: '10%'},
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('popup.giveawayUnit'),  dataIndex: 'unit',  width: '10%'},
        { title: this.$t('reportQuery.purchaseQuantity'),  dataIndex: 'purchaseQuantity',  width: '8%'},
      ],
      saleOrderColumns: [
        { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('inPrint.issued'), dataIndex: 'finishNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('popup.originalPrice'), dataIndex: 'discountPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('purchasingManagement.discountamount'), dataIndex: 'discountAllPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 厂家直发订单
      directHairOrderColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('popup.defaultSupplier'), width: 200, dataIndex: 'organName' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), width: 160, dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('popup.originalQuantity'), dataIndex: 'custom6'},
  
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('basicInformation.taxRate'), width: 60, dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.issued'), dataIndex: 'finishNumber' },
        { title: this.$t('inPrint.taxUnitPrice'), dataIndex: 'taxUnitPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        // { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' }
      ],
      rebateReportColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('popup.defaultSupplier'), width: 200, dataIndex: 'organName' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), width: 160, dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('popup.originalQuantity'), dataIndex: 'custom6'},
  
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('basicInformation.taxRate'), width: 60, dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.issued'), dataIndex: 'finishNumber' },
        { title: this.$t('inPrint.taxUnitPrice'), dataIndex: 'taxUnitPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' },
        { title: this.$t('reportQuery.isRebate'), dataIndex: ' custom13',
          customRender: (t,r,index)=>{
            return t? this.$t('reportQuery.yes') :  this.$t('reportQuery.no')
          } 
        },
        { title: this.$t('manuManagement.rebateTotalAmount'), dataIndex: 'custom9' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' }
      ],
      saleOutColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      arrivalManufacturerColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        
        { title: this.$t('manuManagement.breakageType'), dataIndex: 'custom11Str'},
        { title: this.$t('manuManagement.breakageNum'), dataIndex: 'differNumber' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      saleBackColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('basicInformation.taxRate'), dataIndex: 'taxRate' },
        { title: this.$t('inPrint.taxAmount'), dataIndex: 'taxMoney' },
        { title: this.$t('inPrint.totalTax'), dataIndex: 'taxLastMoney' },
        { title: this.$t('manuManagement.breakage'), dataIndex: 'custom11Str' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      otherInColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('warehouseManagement.costUnitPrice'), dataIndex: 'purchaseDecimal' },
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      inventoryColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('warehouseManagement.breakNumber'), dataIndex: 'differNumber' },
        { title: this.$t('warehouseManagement.costUnitPrice'), dataIndex: 'purchaseDecimal' },
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      otherOutColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      allocationOutColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 验收单
      acceptanceCertificateColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        // { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        // { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice'},
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice'},
        
        { title: this.$t('manuManagement.breakageType'), dataIndex: 'custom11Str'},
        { title: this.$t('manuManagement.breakageNum'), dataIndex: 'differNumber' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 验收入库
      acceptanceCertificateColumns1: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 配送单
      deliveryNoteColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        // { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        // { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice'},
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice'},
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 配送出库
      deliveryNoteColumns1: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 期初库存
      openingInventoryColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 要货申请单
      requisitionFormColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        // { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        // { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        // { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice'},
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice'},
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      // 退货单
      allotBackColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        // { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        // { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        // { title: this.$t('reportQuery.arrivalTime'), dataIndex: 'arrivalTime' },
        // { title: this.$t('reportQuery.deliveryMethod'), dataIndex: 'deliveryMethod' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        // { title: this.$t('reportQuery.transferInWarehouse'), dataIndex: 'anotherDepotName' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('inPrint.serialNumber'), dataIndex: 'snList' },
        { title: this.$t('commodityManagement.batchNumber'), dataIndex: 'batchNumber' },
        { title: this.$t('inPrint.termValidity'), dataIndex: 'expirationDate' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        // { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice'},
        // { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice'},
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      assembleColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('systemManagement.commodityType'), dataIndex: 'mType' },
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      disassembleColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('systemManagement.commodityType'), dataIndex: 'mType' },
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.color'), dataIndex: 'color'},
        // { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther'},
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        // { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku'},
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      stockCheckReplayColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.extendedInformation'), dataIndex: 'materialOther' },
        { title: this.$t('reportQuery.inventory'), dataIndex: 'stock' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      warehouseSalesColumns: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('purchasingManagement.discountamount'), dataIndex: 'discountAllPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      FreightPaymentReportColunms: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
        { title: this.$t('setailManagement.warehouseName'), dataIndex: 'depotName' },
        { title: this.$t('reportQuery.barcode'), dataIndex: 'barCode' },
        { title: this.$t('reportQuery.name'), dataIndex: 'name' },
        { title: this.$t('reportQuery.specification'), dataIndex: 'standard' },
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        { title: this.$t('reportQuery.model'), dataIndex: 'model' },
        { title: this.$t('reportQuery.unit'), dataIndex: 'unit' },
        { title: this.$t('commodityManagement.multiAttribute'), dataIndex: 'sku' },
        { title: this.$t('reportQuery.quantity'), dataIndex: 'operNumber' },
        { title: this.$t('reportQuery.unitPrice'), dataIndex: 'unitPrice' },
        { title: this.$t('reportQuery.amount'), dataIndex: 'allPrice' },
        { title: this.$t('reportQuery.remarks'), dataIndex: 'remark' }
      ],
      tranportNumberColunms: [
      { title: this.$t('defaultTranslate.lineNumber'), dataIndex: 'rowIndex', width:60, align:"center",customRender: (t,r,index)=>t || (parseInt(index) + 1)},
      // { title: this.$t('commodityManagement.barCode'),dataIndex: 'barCode', width: '7%'},
        { title: this.$t('reportQuery.name'),dataIndex: 'name', width: '7%'},
        { title: this.$t('commodityManagement.specifications'),dataIndex: 'standard', width: '7%'},
        { title: this.$t('reportQuery.category'), dataIndex: 'categoryName' },
        
        { title: this.$t('commodityManagement.stock'),dataIndex: 'stock', width: '7%'},
        { title: this.$t('reportQuery.unit'),dataIndex: 'unit', width: '7%'},
        { title: this.$t('reportQuery.quantity'),dataIndex: 'operNumber', width: '7%'},
        { title: this.$t('reportQuery.unitPrice'),dataIndex: 'unitPrice', width: '7%'},
        { title: this.$t('basicInformation.taxRate'),dataIndex: 'taxRate', width: '7%',},
        { title: this.$t('reportQuery.taxAmount'),dataIndex: 'taxMoney', width: '7%'},
        { title: this.$t('reportQuery.total'),dataIndex: 'allPrice',  width: '7%'},       
      ]
    }
  },
  created() {
    let realScreenWidth = window.screen.width
    this.width = realScreenWidth < 1500 ? '1300px' : '1550px'
    this.tableWidth = {
      'width': realScreenWidth < 1500 ? '1250px' : '1500px'
    }
    this.tableWidthRetail = {
      'width': realScreenWidth < 1500 ? '900px' : '1100px'
    }
  },
  methods: {
    moment,
    async initSetting(record, type, ds,success) {
      console.log('type :>> ', type);
      if (type === '零售出库') {
        this.defColumns = this.retailOutColumns
      } else if (type === '零售退货入库' || type === '销售退货' || type === '零售退货' || type === '仓库退货') {
        this.defColumns = this.retailBackColumns
      } else if (type === '采购订单' || type === '厂家报价') {
        this.defColumns = this.purchaseOrderColumns
      } else if (type === '直发厂家报价') {
        this.defColumns = this.purchaseOrderColumns1
      } else if (type === '下达采购' || type === '下达采购订单') {
        this.defColumns = this.releasPurchaseOrderColumns
      } else if (type === this.$t('purchasingManagement.purchaseWarehousing') || type === '采购' || type === '下达采购验收单' ) {
        this.defColumns = this.purchaseInColumnsOther
      } else if (type === '采购入库') {
        this.defColumns = this.purchaseInColumnsOther
      } else if (type === '直发销售退货' || type === '采购退货' || type === '直发采购退货') {
        this.defColumns = this.purchaseBackColumns
      } else if (type === '要货申请进度表') {
        this.defColumns = this.purchasingApplicationScheduleColumns
      } else if (type === '厂家直发进度表') {
        this.defColumns = this.directScheduleColumns
      } else if (type === '买满数量赠品活动') {
        this.defColumns = this.specialPromotionColumns
      } else if (type === '促销特价订单') {
        this.defColumns = this.specialPromotionColumns
      }else if (type === '买满促销特价') {
        this.defColumns = this.specialPriceByNumberColumns
      }else if (type === '买满金额减金额活动') {
        this.defColumns = this.quantityMoneyColumns
      } else if (type === '销售订单') {
        this.defColumns = this.saleOrderColumns
      } else if (type === '厂家直发订单' || type === '厂家直发') {
        this.defColumns = this.directHairOrderColumns
      }else if (type === '返利详情') {
        this.defColumns = this.rebateReportColumns
      } else if (type === '销售出库' || type === '销售') {
        this.defColumns = this.saleOutColumns
      } else if (type === '厂家到货' || type === '厂家到货到货') {
        this.defColumns = this.arrivalManufacturerColumns
      } else if (type === '销售退货入库' || type === '零售退货入库') {
        this.defColumns = this.saleBackColumns
      } else if (type === '其它入库' || type === '其它入库') {
        this.defColumns = this.otherInColumns
      }else if (type === '盘点单') {
        this.defColumns = this.inventoryColumns
      } else if (type === '其它出库') {
        this.defColumns = this.otherOutColumns
      } else if (type === '调拨出库') {
        this.defColumns = this.allocationOutColumns
      } else if (type === '验收单' || type === '验收' || type === '验收入库') {
        this.defColumns = this.acceptanceCertificateColumns
      } else if (type === '采购入库') {
        this.defColumns = this.acceptanceCertificateColumns1
      } else if (type === '配送单' || type === '配送') {
        this.defColumns = this.deliveryNoteColumns
      } else if (type === '配送出库') {
        this.defColumns = this.deliveryNoteColumns1
      } else if (type === '期初库存') {
        this.defColumns = this.openingInventoryColumns
      } else if (type === '要货申请') {
        this.defColumns = this.requisitionFormColumns
      } else if (type === '退货单') {
        this.defColumns = this.allotBackColumns
      } else if (type === '组装单') {
        this.defColumns = this.assembleColumns
      } else if (type === '拆卸单') {
        this.defColumns = this.disassembleColumns
      } else if (type === '盘点复盘') {
        this.defColumns = this.stockCheckReplayColumns
      } else if (type === '仓库销售'  || type === '零售销售出库') {
        this.defColumns = this.warehouseSalesColumns
      }
      //判断序列号、批号、有效期、多属性是否有值
      let needAddkeywords = []
      for (let i = 0; i < ds.length; i++) {
        if (ds[i].snList) {
          needAddkeywords.push('snList')
        }
        if (ds[i].batchNumber) {
          needAddkeywords.push('batchNumber')
        }
        if (ds[i].expirationDate) {
          needAddkeywords.push('expirationDate')
        }
        if (ds[i].sku) {
          needAddkeywords.push('sku')
        }
      }
      let columns = []
      if (record.status === '3') {
        //部分采购|部分销售的时候显示全部列
        columns = this.defColumns
      } else if (record.purchaseStatus === '3') {
        //将已出库的标题转为已采购，针对销售订单转采购订单的场景
        let currentCol = []
        for (let i = 0; i < this.defColumns.length; i++) {
          let info = {}
          info.title = this.defColumns[i].title
          info.dataIndex = this.defColumns[i].dataIndex
          info.width = this.defColumns[i].width
          if (this.defColumns[i].dataIndex === 'finishNumber') {
            info.title = '已采购'
          }
          currentCol.push(info)
        }
        columns = currentCol
      } else {
        let currentCol = []
        for (let i = 0; i < this.defColumns.length; i++) {
          //移除列
          let needRemoveKeywords = ['finishNumber', 'snList', 'batchNumber', 'expirationDate', 'sku']
          if (needRemoveKeywords.indexOf(this.defColumns[i].dataIndex) === -1) {
            let info = {}
            info.title = this.defColumns[i].title
            info.dataIndex = this.defColumns[i].dataIndex
            info.width = this.defColumns[i].width
            info.customRender = this.defColumns[i].customRender
            currentCol.push(info)
          }
          //添加有数据的列
          if (needAddkeywords.indexOf(this.defColumns[i].dataIndex) > -1) {
            let info = {}
            info.title = this.defColumns[i].title
            info.dataIndex = this.defColumns[i].dataIndex
            info.width = this.defColumns[i].width
            info.customRender = this.defColumns[i].customRender
            currentCol.push(info)
          }
        }
        if (this.defColumns[0] && this.defColumns[0].dataIndex === 'rowIndex') {
          currentCol.splice(0, 1, this.defColumns[0])
        }
        columns = currentCol
      }
      // 隐藏
      this.columns = await this.showPurchase(columns,type)
      // this.settingColumns = this.columns.map(v=>v.dataIndex)
      this.initColumnsSetting()
      // this.generatePrintData()
    },
    
    initPlatform() {
      getPlatformConfigByKey({ "platformKey": "bill_print_flag" }).then((res) => {
        if (res && res.code === 200) {
          if (this.billType === '采购订单' || this.billType === '采购' || this.billType === '下达采购验收单' || this.billType === '直发销售退货' || this.billType === '采购退货' ||
            this.billType === '销售订单' || this.billType === '销售出库' || this.billType === '销售退货入库' ||
            this.billType === '销售' || 
            this.billType === '直发采购退货' || 
            this.billType === '促销特价订单' || this.billType === '零售退货入库') {
            this.billPrintFlag = res.data.platformValue === '1' ? true : false
          }
        }
      })
    },
    getSystemConfig() {
      getCurrentSystemConfig().then((res) => {
        if (res.code === 200 && res.data) {
          this.purchaseBySaleFlag = res.data.purchaseBySaleFlag === '1' ? true : false
        }
      })
    },
    getFinancialBillNoByBillId(billId) {
      getAction('/accountHead/getFinancialBillNoByBillId', { billId: billId }).then(res => {
        if (res && res.code === 200) {
          this.financialBillNoList = res.data
        }
      })
    },
    show(record, type) {
      console.log(record,type, 'billDetail')
      console.log('title :>> ', titleObj);
      console.log('title :>> ', this.title);
      console.log('templateData :>> ', templateData);
      // this.generatePrintData()
      // 处理英文
      if (getLanCode() === 'en') {
        // 当前英文 且 type是汉字
        // if(isChina(type)){
        //   type = category[type] || type
        // }
        this.$nextTick(()=>{
          if(isChina(this.title)){
          this.title = titleObj[this.title] || this.title
          this.title = this.title + ' - ' + this.$t('defaultTranslate.detail')
        }
        })
      }
      this.billType = type
      //附件下载
      // this.fileList = record.fileName
      this.visible = true;
      this.model = Object.assign({}, record);
      console.log('this.model :>> ', this.model);
      if (this.model.backAmount) {
        this.model.getAmount = (this.model.changeAmount + this.model.backAmount).toFixed(2)
      } else {
        this.model.getAmount = this.model.changeAmount
      }
      this.model.debt = (this.model.discountLastMoney + this.model.otherMoney - (this.model.deposit + this.model.changeAmount)).toFixed(2)
      this.$nextTick(() => {
        this.form.setFieldsValue(pick(this.model, 'id'))
        // 插入一维码
        this.addBarCode()
        this.addLogo()
      });
      let showType = 'basic'
      if (record.status === '3') {
        showType = 'basic'
      } else if (record.purchaseStatus === '3') {
        showType = 'purchase'
      }
      let params = {
        headerId: this.model.id,
        mpList: getMpListShort(Vue.ls.get('materialPropertyList')),  //扩展属性
        linkType: showType,
        defaultNumber: this.model.defaultNumber
      }
      if (this.billType === '促销特价订单' || this.billType === '买满数量赠品活动' || this.billType === '买满金额减金额活动' || this.billType === '买满促销特价') {
        this.url.detailList = 'promotionHead/getDetailList'
      }
      if (this.billType === '要货申请进度表') {
        this.url.detailList = 'depotHead/requireGoodsDetails'
      }
      if (this.billType === '厂家直发进度表') {
        this.url.detailList = 'depotHead/factoryOutLetDetails'
      }
      let arr = ['厂家到货','销售订单','销售出库','厂家直发']
      if(arr.includes(this.billType)){
        this.findDepositWithPaymentById()
      }
      let url = this.readOnly ? this.url.detailList : this.url.detailList;
      this.requestSubTableData(record, type, url, params);
      this.initPlatform()
      this.getSystemConfig()
      this.getFinancialBillNoByBillId(this.model.id)
      this.getFileList(record)
      this.findBySubType()
    },
    findBySubType(){
      findBySubType({subType:this.billType}).then(res=>{
        if(res.code === 200){
          this.printDirectiveData ={
            flag:this.initActiveBtnStr(res.data && res.data.url || '','10'),
            printId:this.model.id,
            printName:res.data && res.data.name || '',
            custom1:this.model.defaultNumber || this.model.number,
            printType:2,//1列表，2详情
            custom11:1,//1.订单详情，2.财务订单详情
          }
        }
      })
    },
    
    /* 按钮权限 */
    initActiveBtnStr (pathName,btnValue) {
      let btnStrList = Vue.ls.get('winBtnStrList') //按钮功能列表 JSON字符串
      let btnEnableList = '' //按钮列表
      if (pathName.indexOf('/plugins') > -1) {
        pathName = '/system' + pathName
      }
      if (pathName && btnStrList) {
        for (let i = 0; i < btnStrList.length; i++) {
          if (btnStrList[i].url === pathName) {
            if (btnStrList[i].btnStr) {
              btnEnableList = btnStrList[i].btnStr
            }
          }
        }
      }
      return btnEnableList.indexOf(btnValue) > -1
    },
    showPurchase (columns,type) {
      return new Promise((resolve, reject) => {
        var _this = this
        showPurchase().then(res => {
          let types =['采购订单','验收入库','采购退货']
          if (res === false && types.includes(type)) {
            // 隐藏
            this.showPrice = false
            let hiddenColumns = 'unitPrice,allPrice,taxRate,taxMoney,taxUnitPrice,taxLastMoney'
            for (let i= columns.length-1;i >= 0;i--) {
              if (hiddenColumns.includes(columns[i].dataIndex)) {
                columns.splice(i,1)
              }
            }
            
          }
          resolve(columns)
        })
      })
    },
    // 获取审核人列表
    getProgressByDefaultNumber(){
      return new Promise((resolve,reject)=>{
        getProgressByDefaultNumber({defaultNumber:this.model.number}).then(res=>{
          if(res.code == 200){
            resolve(res.data)
          }else{
            reject()
          }
        })
      })
    },
    findDepositWithPaymentById(){
      findDepositWithPaymentById({headerId:this.model.id}).then(res=>{
        if(res.code == 200){
          this.$set(this.model,'straightDepositStr',res.data.straightDepositStr)
          this.$set(this.model,'paymentSalesOut',res.data.paymentSalesOut)
          this.$set(this.model,'chequePayment',res.data.chequePayment)
          this.$set(this.model,'paymentSalesOutRefunds',res.data.paymentSalesOutRefunds)
        }else{
          // this.$message.error(res.msg)
        }
      })
    },
     addLogo(){
      let logoPrint = document.querySelector('.bill-detail_v2023 section[id]');
      let imgEl = document.querySelectorAll('.bill-detail_v2023 #erplogo')
      if(!imgEl.length){
        const template =  `<div id="append-main"><div style="text-align: center;font-size: 18px;font-weight: bold;">${this.title}</div>
        <div class="ant-row">
      <div class="ant-col ant-col-24">
        <img id="erplogo" src="${erplogo}" alt="" style="margin: 10px auto; width: 100px" />
      </div>
    </div></div>`
        let divEl = document.createElement('div')
        divEl.innerHTML = template
        logoPrint && logoPrint.prepend(divEl)
      }else{
        let imgEl = document.querySelectorAll('.bill-detail_v2023 #append-main')[0]
        let parent = imgEl.parentElement;
        let removed = parent.removeChild(imgEl);
        this.addLogo()
      }
    },

    async addBarCode(){
      let canvasNode = document.querySelectorAll('.bill-detail_v2023 canvas')
      let  progressList = await this.getProgressByDefaultNumber() || []
      let users = progressList.map(v=>v.username).join(',')
      if(this.showBarCode(this.model) && !canvasNode.length){
        let barCodePrint = document.querySelector('.bill-detail_v2023 section[id]')
        const template =  `<div id="append-code" class="form-row ant-row" style="margin-left: -12px; margin-right: -12px; margin-top: 20px">
          <div class="ant-col ant-col-6" style="padding-left: 12px; padding-right: 12px">
            <div class="ant-row ant-form-item">
              <div class="ant-col ant-col-xs-24 ant-col-sm-8 ant-form-item-label">
                <label title="${this.$t('setailManagement.barCode')}">${this.$t('setailManagement.barCode')}</label>
              </div>
              <div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
                <div class="ant-form-item-control">
                  <span class="ant-form-item-children"
                    ><canvas style="width:200px!important" id="barCode"  width="200" height="50"></canvas></span
                  >
                </div>
              </div>
            </div>
          </div>
          <div class="ant-col ant-col-6" style="padding-left: 12px; padding-right: 12px;">
            <div class="ant-row ant-form-item">
                <div class="ant-col ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label title="${this.$t('purchasingManagement.Auditor')}"
                        class="">${this.$t('purchasingManagement.Auditor')}</label></div>
                <div class="ant-col ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
                    <div class="ant-form-item-control"><span class="ant-form-item-children">${users}</span><!----></div>
                </div>
            </div>
        </div>
        </div>`
        let divEl = document.createElement('div')
        divEl.innerHTML = template
        barCodePrint.appendChild(divEl)
        this.bindBarCode('#barCode',this.model.number)
      }else if(canvasNode.length){
        // 有一维码node，则清除重绘
        let imgEl = document.querySelectorAll('.bill-detail_v2023 #append-code')[0]
        let parent = imgEl.parentElement;
        let removed = parent.removeChild(imgEl);
        this.addBarCode()
      }
      
    },
    getPrintAuth(){
      return new Promise((resolve, reject) => {
        addPrintHistory(this.printDirectiveData).then(res=>{
          if(res.code == 200){
              resolve(true)
          }else{
              this.$message.error(res.message || res.data.message)
              resolve(false)
          }
      })
      })
    },
    async generatePrintData(){
      // const canPrint = await this.getPrintAuth()
      // if(!canPrint) return;
      const Cols = this.columns.map(v=>{
        let item ={
          name: v.dataIndex,
          required: false,
          size: 255,
          type: "str",
          // key:v.dataIndex
        }
        return item
      })
      const data = this.dataSource.map(v=>{
        let item ={}
        this.columns.forEach(val=>{
          item[val.dataIndex] = v[val.dataIndex]
        })
        return item ;
      })
      // 表体数据
      let table = templateData
      table.Tables[0] = {
        Cols:Cols,
        Data:data,
        Name:'table'
      }

      // 表头数据
      let ColHead = [],dataHead = []

      for (let key in this.model) {
        ColHead.push({
          name: key,
          required: false,
          size: 255,
          type: "str",
        })
      }
      table.Tables[1] = {
        Cols:ColHead,
        Data:[this.model],
        Name:'manInfo'
      }
      table.upload_templ_comment = this.title
      table.upload_templ_name = this.title
      table.upload_templ_user = this.model.loginName || this.model.loginName
      table.template = `${fileName[this.billType]}.fr3`

      console.log('table :>> ', table);
      console.log('fileName :>> ', fileName);
      sendMsg(table,undefined,this.getPrintAuth)
    },
    requestSubTableData(record, type, url, params, success) {
      this.loading = true
      getAction(url, params).then(res => {
        if (res && res.code === 200) {
          let arr  = res.data.rows
          arr.forEach(v=>{
            if(+v.custom11 === 0){
              v.custom11Str = this.$t('manuManagement.breakageTypeNormal')
            }else if(+v.custom11 === 1){
              v.custom11Str = this.$t('manuManagement.breakageTypeBreaked')
            }else if(+v.custom11 === 2){
              v.custom11Str = this.$t('manuManagement.breakageTypeExchanged')
            }
            if(getLanCode() === 'en'){
              v.remark = billDetailRemarks[v.remark] || v.remark
            }
            if(+v.custom6 === 0){
              v.custom6  = v.operNumber
            }
          })
          // this.dataSource = arr
          this.dataSource = arr.map(item => {
            item.notReceived = item.operNumber - item.finishNumber
            return item
          })
          if(type === '买满数量赠品活动' && this.dataSource.length){
            this.childDataSource = this.dataSource[0].promotionGiftList
          }
          this.initSetting(record, type, this.dataSource,(columns)=>{
            this.tableAddTotalRow(columns, this.dataSource)
          

          })
          
          typeof success === 'function' ? success(res) : ''
        }
      }).finally(() => {
        this.loading = false
      })
    },
    handleCancel() {
      localStorage.removeItem('fileListId')
      localStorage.removeItem('fileList')
      this.close()
    },
    close() {
      this.$emit('close');
      this.visible = false;
    },
    // 获取文件列表
    
    // getFileList(record){
    //   getAttachmentListById({id:record.id}).then(res=>{
    //     let arr = res.data
    //     let brr = []
    //     arr.forEach(val=>{
    //       brr.push({
    //         type:val.type,
    //         url:`data:image/${val.type};base64,` + val.data,
            
    //       })
    //     })
    //     this.fileLists = brr
    //   })
    // },
    getFileList (record) {
      let params = {
        id: record.id
      }
      if(record.id === localStorage.getItem('fileListId')) {
        this.fileList = localStorage.getItem('fileList')
        return;
      }
      this.fileLoading = true
      getAction('/attachment/getAttachmentListById', params).then(res => {
        this.fileLoading = false
        if (res.code === 200) {
          let arr = res.data
          this.fileList = arr.map(v=>{
            return  {
              uid :v.id,
              url :v.data,
              flag :'1',
              status :'done',
              name :v.fileName,
              data:v.data
            }
          })
        }
      })
    },
    myHandleDetail(billNumber) {
      findBillDetailByNumber({ number: billNumber }).then((res) => {
        if (res && res.code === 200) {
          let type = res.data.type === "其它" ? "" : res.data.type
          let detailType = res.data.subType + type
          let title = res.data.subType
          // 处理英文
          if (getLanCode() === 'en') {
            title = titleObj[title] === undefined ? title : titleObj[title]
          }
          this.title = title + "-" + this.$t('reportQuery.details');
          console.log('this.title :>> ', this.title);
          this.show(res.data, detailType);
        }
      })
      
      let arr = ['厂家到货','销售订单','销售出库','厂家直发']
      if(arr.includes(this.billType)){
        this.findDepositWithPaymentById()
      }

    },
    myHandleFinancialDetail(billNo) {
      let that = this
      findFinancialDetailByNumber({ billNo: billNo }).then((res) => {
        if (res && res.code === 200) {
          if (that.$refs.financialDetailModal) {
            // 处理英文
            let title = res.data.type
            if (getLanCode() === 'en') {
              title = titleObj[title] === undefined ? title : titleObj[title]
            }
            that.$refs.financialDetailModal.show(res.data, title);
            that.$refs.financialDetailModal.title = title + "-" + this.$t('reportQuery.details');
          }
        }
      })
    },
    //三联打印预览
    handlePrint() {
      getPlatformConfigByKey({ "platformKey": "bill_print_url" }).then((res) => {
        if (res && res.code === 200) {
          let billPrintUrl = res.data.platformValue + '?no=' + this.model.number
          let billPrintHeight = this.dataSource.length * 50 + 600
          this.$refs.modalDetail.show(this.model, billPrintUrl, billPrintHeight);
          this.$refs.modalDetail.title = this.billType + "-" + this.$t('inPrint.triplePreview');
        }
      })
    },
    // 打印小票
    handlePrintModule() {
      let billPrintHeight = this.dataSource.length * 50 + 600
          this.$refs.printModule.show(this.model, billPrintHeight,this.dataSource);
          this.$refs.printModule.title = this.billType + "-" + this.$t('inPrint.triplePreview');
    },
    // 生成一维码
    bindBarCode (selector, billNo) {
        JsBarcode(selector, billNo, {
          background: '#eee',
          displayValue: false,
          // width: 1, // 
          height: 80, // 一维码的高度
          margin: 10 // 一维码与容器的margin
        })
      },
    // 判断是否是交易菜单
    showBarCode(record){
      let menu = '厂家直发,下达采购,下达采购订单,直发厂家报价,厂家到货,直发销售退货,收费确认,直发采购退货,采购订单'+
      '厂家报价,采购,采购入库,采购退货,销售订单,销售出库,销售,销售退货'
      if(menu.indexOf(record.subType)>-1) return true;
      return false;
    },
    tableAddTotalRow (columns, dataSource) {
      if (dataSource.length > 0) {
        let numKey = 'rowIndex'
        let totalRow = { [numKey]: getLanCode() === 'zh' ? '合计' : 'Total' }
        //需要合计的列
        let parseCols =
          'initialStock,currentStock,currentStockPrice,initialAmount,thisMonthAmount,currentAmount,inSum,inSumPrice,inOutSumPrice,' +
          'outSum,outSumPrice,outInSumPrice,operNumber,allPrice,numSum,priceSum,prevSum,thisSum,thisAllPrice,changeAmount,,eachAmount,discountAmount, needDebt' +
          'allPrice,currentNumber,lowSafeStock,highSafeStock,lowCritical,highCritical,preNeed,debtMoney,backMoney,allNeed' +
          'checkAmount, totalPrice, notVerifiedAmount'

        columns.forEach(column => {
          let { key, dataIndex } = column
          if (![key, dataIndex].includes(numKey)) {
            let total = 0
            dataSource.forEach(data => {
              if (parseCols.indexOf(dataIndex) > -1) {
                if (data[dataIndex]) {
                  total += Number.parseFloat(data[dataIndex])
                } else {
                  total += 0
                }
              } else {
                total = '-'
              }
            })
            if (total !== '-') {
              total = total.toFixed(2)
            }
            totalRow[dataIndex] = total
          }
        })
        dataSource.push(totalRow)
      }
    },
    
    // 获取系统配置
    getSystemConfig() {
      getCurrentSystemConfig().then((res) => {
        // console.log("系统配置",res.data);
        if (res.code === 200 && res.data) {
          this.model.custom2 = res.data.companyFax

        }
      })
    },
    
    getColumnsStorageName(){
        return 'bill_detail_'+  'columns_'+ this.billType.replace(/ /g,'')
    },
    
            // //加载初始化列
            initColumnsSetting() {
                let columnsStr = Vue.ls.get(this.getColumnsStorageName())
                if (columnsStr && columnsStr.indexOf(',') > -1) {
                    this.settingColumns = columnsStr.split(',')
                    
                }else{
                    this.settingColumns = this.columns.map(v=>v.dataIndex)
                }
                this.onColChange(this.settingColumns)
            },
    //列设置更改事件
    onColChange(checkedValues) {
      this.columns = this.defColumns.filter(item => {
        if (checkedValues.includes(item.dataIndex)) {
          return true
        }
        return false
      })
      let columnsStr = checkedValues.join()
      Vue.ls.set(this.getColumnsStorageName(), columnsStr)
    },
    rowClick(record, index) {
      return {
        on: {
          click: () => {
            this.childDataSource = record.promotionGiftList
          },
        }
      }
    },
    
  },
  
  computed: {
      ...mapState({
        // 后台菜单
        permissionList: state => state.user.permissionList

      })
    },
}
</script>

<style>
::v-deep .ant-table-row-cell-break-word{
  white-space: nowrap;
}
.font-bold .ant-col.ant-col-xs-24.ant-col-sm-16.ant-form-item-control-wrapper .ant-form-item-control .ant-form-item-children {
    font-weight: bold!important;
}
</style>